h1.text-1 {
  text-align: center;
  font-size:10vh;
  color:white;
  text-shadow:0 0 1vh #000;
}

div.text-1-wrapper{
  margin:50vh 10vw 0 10vw;
  z-index:2;
}

div.text-2-wrapper{
  color:#0c314d;
  text-shadow:0 0 1vh rgba(255,255,255,0.5);
  position:fixed;
  top:20vh;
  left:5vw;
  font-size:6vh;
  opacity: 0;
  transition-duration: 0.4s;
  margin-top:-5vh;
}
@media screen and (orientation: portrait) {
  div.text-2-wrapper{
    margin-top:-25vh;
    margin-right:0;
  }
}

div.text-3-wrapper {
  position:fixed;
  opacity: 0;
  top:37vh;
  right:5vw;
  width:60vw;
  font-size:4vh;
  transition-duration: 0.4s;
  text-shadow:0 0 1vh rgba(255,255,255,0.5);
}
@media screen and (orientation: portrait) {
  div.text-3-wrapper{
    top:27vh;
  }
}

div.image-1-wrapper {
  position:fixed;
  opacity: 0;
  top:45vh;
  left:10vw;
}
@media screen and (orientation: portrait) {
  div.image-1-wrapper {
    top:45vh;
    left:5vw;
  }
}
div.image-1-wrapper img{
  height:40vh;
}
